TIP

Aeroxian on Process

使用

TIP

1️⃣ 必填，分享的地址连接

2️⃣ 可选项 height 默认 345,width默认625

<common-progresson-snippet src="https://www.processon.com/embed/61b8656e637689712447357c"/>
<!-- 选题height,width -->
<common-progresson-snippet height="345" width="625" 
                           src="https://www.processon.com/embed/61b8656e637689712447357c"/>

源码实现

TIP

使用iframe标签来实现网页的预览

点击查看代码

<template>
  <iframe
    id="embed_dom"
    name="embed_dom"
    frameborder="0"
    :style="`display: block; width: ${width}px; height: ${height}px`"
    :src="src"
  ></iframe>
</template>

<script>
export default {
  props: {
    src: {
      type: String,
      default: null,
      require: true,
    },
    width: {
      type: Number,
      default: 625,
    },
    height: {
      type: Number,
      default: 345,
    },
  },
};
</script>

<style>
</style>